#page-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
    background-color: #f3f5fa;
}

.container {
    max-width:1240px;
}
#content-wrap {
  flex: 1;
}

#footer {
  bottom: 0;
  width: 100%;
}
.navbar {
  height: auto; /* Adjusts height automatically based on content */
  white-space: nowrap; /* Prevents wrapping of navbar contents */
  background: linear-gradient(to bottom, #0e8b4c, #fff);
}
/* TODO enable later
.navbar .container {


    max-width: 100%;  //Allows the container to expand up to full width
    margin-left: auto;
    margin-right: auto;
}*/

html[lang-direction="ltr"] * {
  direction: ltr;
}
html[lang-direction="rtl"] * {
  direction: rtl;
  text-align: right;
}
.ignore-rtl {
  direction: ltr !important;
  text-align: left !important;
}

.align-top {
  position: absolute;
  top: 0;
}
.align-center-right {
  position: absolute;
  right: 0;
  top: 50%;
}

.align-center-left {
  position: absolute;
  left: 0;
  top: 50%;
}

.align-bottom {
  position: absolute;
  bottom: 0;
}

.btn-group > label:first-of-type {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

html[lang-direction="rtl"] input.form-check-input {
  position: relative;
  margin-left: 0px;
}
html[lang-direction="rtl"] label.form-check-label {
  display: inline;
}

.margin-auto-parent {
  width: 100%;
  display: flex;
}
.margin-center {
  margin: 0 auto;
}
#pdf-canvas {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
  width: 100%;
}
.fixed-shadow-canvas {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
  width: 100%;
}
.shadow-canvas {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
}
.hidden {
  display: none;
}


.container-menu{
        width: 200px;
        background-color: #fff;
        border-radius: 4px;
        padding-top: 19px;
        min-height: 749px;
        float: left;
         border-top: 3px solid #0bbf64;
}

/* 在小屏幕设备上，将菜单设置为隐藏，并使用flex等布局方式替代float */
@media (max-width: 768px) { /* 你可以根据你的项目需求调整这个阈值 */
    .container-menu {
        display: none;
        position: absolute; /* 或 fixed，根据实际情况选择 */
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        max-height: 0; /* 用于动画效果，点击展开时增加高度 */
        overflow-y: hidden;
        transition: max-height 0.3s ease-out;
    }
}

.container-context{
    margin-left: 216px;
    border-radius: 4px;
    background-color: #fff;
    min-height: 749px;
    padding-left:50px;
    padding-top:50px;
    padding-right:50px;
}

/* 在小屏幕设备上，移除或减少左侧外边距 */
@media (max-width: 768px) {
    .container-context {
        margin-left: 0; /* 或者一个较小的值用于内边距 */
    }

    /* 同时确保左侧菜单栏也已隐藏 */
    .container-menu {
        display: none;
    }
}

.container .container-menu .content-lf-items .lf-items-title {
    font-size: 15px;
    color: #5A6980;
    font-weight: bold;
    padding-left: 41px;
    margin-bottom: 14px;
    margin-top: 16px;
    cursor: default;
}

.container .container-menu .content-lf-items {
    position: relative;
}

.container .container-menu .content-lf-items .lf-items-menu {
    font-size: 15px;
    font-weight: 400;
    color: #37415a;
    line-height: 16px;
}


.container .container-menu .content-lf-items .lf-items-menu .active {
    background-color:rgb(242, 245, 252);
}

.container .container-menu .content-lf-items .lf-items-menu a {
    position: relative;
    display: inherit;
    padding-top: 16px;
    padding-bottom: 16px;
    text-decoration:none;
}

.container .container-menu .content-lf-items .lf-items-menu a span{
    color:#2d2d2d;
    font-weight:400px;
    font-size:14px;
}
dd {
    display: block;
    margin-inline-start: 0px;
}

container .container-menu .content-lf-items .lf-items-menu:hover a {
    color: #37415a;
    background-color: #f3f5fa;
}

container .container-menu .content-lf-items .lf-items-menu.active {
    background-color: #f3f5fa;
}

.img-icon{
  width:20px;
  height:20px;
  margin-right:5px;
  margin-left:40px;
}

.footer-center a{
  text-decoration: none!important;
  color: #6c757db3; /* 浅灰色（十六进制） */
  font-size:14px;
}

 .footer-separator {
        margin: 0 5px;
        color: #cccccc;
    }

.bg-light{
    background-color:#fff !important;
}

/* 更改 .nav-item 在鼠标悬停时的背景颜色 */
.nav-item:hover {
  /**background-color: #fff !important; /* 将 #yourColor 替换为您想要的颜色值 */
}

.nav-item .nav-link:hover {
}

.convertBtn{
    background-color:#78b590;
    border:0px;
    padding-left: 50px;
    padding-right:50px;
}

.card-header-cus{
    background-color: #fff;
    border-top: 2px solid #0fbf64;
}

.border-line{
 border-top:3px solid #0bbf64;
}